Next.js Archives ← CodeARIV

April 26, 2024June 9, 2024
No Comments

Multi-Language Website with Next.js 14 App Router and i18next

Next.js

We already have an article titled “Multi-Language Next.Js 12 Website Using I18next – RTL Support” that explains how to create a multi-language website with the help of Next.js 12 page router and i18next – RTL support. However, this article will discuss how to create a […]

April 16, 2024June 9, 2024
No Comments

Creating a Blog with Strapi 4 and Next.js 14: Unleashing GraphQL and TypeScript

Next.js

In this article, we will be discussing how to create a blog by connecting Strapi CMS and Next.js 14 – App Router with GraphQL and TypeScript support. The latest version of Next.js 14 offers plenty of new features and changes compared to its older versions, […]

July 14, 2022April 20, 2024
4 Comments

Multi-Language Next.js 12 Website using i18next – RTL Support

Next.js

Internationalization is an important factor if our website is targeting a global audience. People love to interact with a website in their own local language. Here, we will discuss the steps to implement a multi-language website in a Next.js website using the i18next. We will […]

June 26, 2022April 20, 2024
3 Comments

How to Add Google reCAPTCHA v3 in a Next.js 12 Form

Next.js

In most cases of web development, we have to implement forms. At the same time as implementing a form on a website, we have to be aware that bots can send fraud and abused content. Captchas are one of the best options to prevent this. […]

June 25, 2022April 20, 2024
3 Comments

Implement Push Notification in Next.js 12 with Firebase Cloud Messaging

Next.js

Push notification is one of the easiest ways to send offers, alerts, etc. directly to the user’s device or browser. We will discuss the steps to implement push notifications in a Next.js 12 app with Firebase Cloud Messaging (FCM). Prerequisites I believe that the reader […]

May 13, 2022April 20, 2024
1 Comment

Make Header and Footer APIs Load Once in a Next.js 12 App with getServerSideProps

Next.js

If we are using getServerSideProps in Next.js 12 for data fetching, it will call all the APIs for a single page including the header and footer APIs. But in most cases, we only need to call the header and footer APIs once when we are […]

April 1, 2022April 20, 2024
2 Comments

How to Set Up the 301 Redirect in a Next.js 12 App

Next.js

When switching from an old website URL to a new one, 301 redirection is necessary. Here in this article, we will set up a 301 redirect in a Next.js 12 app. In React, we need to use third-party packages for redirection. Because Next.js is a […]

April 1, 2022April 20, 2024
1 Comment

Generate Sitemap for Static and Dynamic Pages in a Next.js 12 App

Next.js

I have already created an article, How To Add An XML Sitemap In A Next.Js App. Then what is the importance of this article? In that article, I explained the method of adding an XML sitemap manually just for static pages in our Next.js 12 […]

February 5, 2022April 20, 2024
No Comments

Deploy a Next.js App with Private Dependencies in Vercel: A Simple Hack

Next.js

In some projects, we use private dependencies. This will make our code clean and also protected. But when coming to hosting it, some providers will limit it. Here, we will discuss a simple hack to deploy a Next.js app with private dependencies in Vercel. The […]

January 31, 2022November 26, 2022
1 Comment

Multi Zones: Combine Multiple Next.js Apps

Next.js

When developing a big web project, we need a team. But when it’s a huge one, we can split the project into many and assign it to multiple teams. We can run each project separately and even host them on different servers. This gives teams […]